
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
    	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    	<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="icon" type="image/png" href="/ProjectWebAtc/IMG/favicon.png">	
		
		<link rel="stylesheet" type="text/css" href= "/ProjectWebAtc/CSS/bootstrap.min.css" media="all" />
		<link rel="stylesheet" type="text/css" href= "/ProjectWebAtc/CSS/bootstrap-theme.min.css" media="all" />
		<!-- FIN Style bootstrap twitter -->
	
		<link rel="stylesheet" type="text/css" href="/ProjectWebAtc/CSS/jquery-ui-1.10.3.custom.min.css" media="all" />
		<link rel="stylesheet" type="text/css" href="/ProjectWebAtc/CSS/jquery.ui.menubar.css" media="all" />
		<link rel="stylesheet" type="text/css" href="/ProjectWebAtc/CSS/atc.css" media="all" />
		<!-- Scripts -->
		<script type="text/javascript" src="/ProjectWebAtc/JS/jquery.min.js" ></script>
		<script type="text/javascript" src="/ProjectWebAtc/JS/jquery.ui.min.js" ></script>
		
    	

    	<!-- JS bootstrap twitter -->
    	<script type="text/javascript" src="/ProjectWebAtc/JS/bootstrap.min.js"></script>
    	<script type="text/javascript" src="/ProjectWebAtc/JS/bootstrap.js"></script>
    	<script type="text/javascript" src="/ProjectWebAtc/JS/atc.js"></script>
<title>test AJAX Creation planning via le calendrier</title>
</head>
<body>
	
	<div class="container">
		<div class="col-lg-1"></div>
			<div class="col-lg-10">
				<h1 class="text-center">Calendrier </h1>
				 <p><br>
				
				 
				 </p>
				 
								
				<table id="tablePlan" class="table table-bordered">
					<tr class="success">
						<th class="text-center">IDCAL</th>
						<th class="text-center">Année</th>
						<th class="text-center">Congé</th>
						<th class="text-center">DateDébut</th>
						<th class="text-center">DateFin</th>						
					</tr>
			
					
			<tr>
	
			<c:forEach var="i" items="${retour}" varStatus="boucle">
				<tr>
					<td class = ""><c:out value="${boucle.count}.${i.id}"/></td>
					<td class = ""><c:out value="${boucle.count}.${i.annneScolaire.libelleAnneeScolaire}"/></td>
					<td class = ""><c:out value="${boucle.count}.${i.libelleVacance.libelleVacance}"/></td>
					<td class = ""><c:out value="${boucle.count}.${i.vacance.dateDebutVac}"/></td>
					<td class = ""><c:out value="${boucle.count}.${i.vacance.dateFinVac}"/></td>
					
				</tr>
			</c:forEach>			
				</table>
			
				</div><!--  FIN ./col-xs-8 -->
	<div class="col-lg-1"></div>	
</div>
</body>
</html>
